<div class="index-left-wrapper">
  <tab-list class="tab-list-sub" [listData]="tabList" baseUrl="/quote/index" [activeOptions]="{'exact': false}" [isNavTab]="true"></tab-list>
  <div class="table-wrapper">
    <!--<quote-table [updateEventSource]="params" [headers]="(params| async)?.id === 'common' ? commonHeaders : tableHeaders" 
      [scrollable]="true"></quote-table>-->
    <dynamic-table class="dynamic-table-standard" [updateEventSource]="params" [options]="tableOptions" [scrollable]="true" [headers]="(params| async)?.id === 'common' ? commonHeaders : tableHeaders"
      (stockDblClick)="goCheckDetail($event)" (stockClick)="onQuoteClick($event)"></dynamic-table>
  </div>
  <div class="chart-wrapper">
    <div class="chart-wrapper-inner">
      <h4 class="chart-header">{{(detailSource | async)?.name}}-今日分时</h4>
      <quote-chart [updateEventSource]="detailSource" [withCaption]="false" [duration]="duration" [hideName]="true"></quote-chart>
    </div>
    <div class="chart-wrapper-inner">
      <h4 class="chart-header">{{(detailSource | async)?.name}}-日K</h4>
      <kchart [updateEventSource]="stockSource" [config]="kConfig" period="Day1" [lists]="['MA', 'VOL']"></kchart>
    </div>
  </div>
</div>
<div class="index-right-wrapper">
  <detail-basic [quoteSource]="detailSource" [placementSource]="placeSource"></detail-basic>
</div>